html {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.clear:after {
  content: "";
  display: block;
  overflow: hidden;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clear {
  *zoom: 1;
}

.d {
  font-size: 14px;
  color: red;
  border: 1px solid #000;
  width: 300px;
  height: 200px;
}

.b {
  font-size: 12px;
  color: red;
  border: 1px solid #000;
  width: 200px;
  height: 200px;
}

.c {
  font-size: 12px;
  color: red;
  border: 1px solid #000;
  width: 200px;
  height: 200px;
  color: green;
}

* {
  padding: 0;
  margin: 0;
}

li {
  list-style: none;
}

.a {
  width: 120px;
}

.list, .list2 {
  width: 1200px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
}

.list li, .list2 li {
  width: 23%;
  margin: 1%;
  border: 1px solid green;
  box-sizing: border-box;
}

.list li a, .list2 li a {
  text-decoration: none;
  display: block;
}

.list li a img, .list2 li a img {
  width: 250px;
  height: 250px;
}

.list li a h3, .list2 li a h3,
.list li a p, .list2 li a p {
  color: green;
}

.list li:hover, .list2 li:hover {
  transform: scale(1.4);
}

.list li:first-child, .list2 li:first-child {
  font-size: 30px;
}
